<template>
	<view>
		<button class="collect" open-type="share">
			<text class="f36">分享</text>
		</button>
	</view>
</template>

<script>
	export default {
		name: "qshare",
		props: {
			path: {
				type: String,
				default: '' // 设置默认值为空字符串
			}
		},
		data() {
			return {}
		},
		// 分享到微信朋友圈
		onShareTimeline(options) {
			let that = this
			let data = {
				title: '520有爱', // 默认是小程序的名称
				path: '', // 默认是当前页面，必须是以‘/’开头的完整路径
				imageUrl: '', // 图片封面，本地文件路径、网络图片路，支持PNG及JPG，默认当前页面截图，显示图片长宽比是 5:4。
				success: res => {
					// 分享成功
					if (res.errMsg == 'shareAppMessage:ok') {}
				},
				fail: res => {
					// 用户取消
					if (res.errMsg == 'shareAppMessage:fail cancel') {}
					// 分享失败
					if (res.errMsg == 'shareAppMessage:fail') {}
				},
				complete: res => {}
			}
			return data
		},
		// 分享给好友
		onShareAppMessage(options) {
			const that = this;
			// 设置菜单中的转发按钮触发转发事件时的转发内容
			const shareObj = {
				title: '520有爱', // 默认是小程序的名称(可以写slogan等)
				desc: '', // 小程序的描述
				path: '', // 默认是当前页面，必须是以‘/’开头的完整路径
				imageUrl: '', // 图片封面，本地文件路径、网络图片路，支持PNG及JPG，默认当前页面截图，显示图片长宽比是 5:4。
				success: function(res) {
					// 转发成功之后的回调

					if (res.errMsg == 'shareAppMessage:ok') {
						console.log(res)

					}
				},
				fail: function() {
					// 转发失败之后的回调
					if (res.errMsg == 'shareAppMessage:fail cancel') {
						console.log(res)
						// 用户取消转发
					} else if (res.errMsg == 'shareAppMessage:fail') {
						console.log(res)
						// 转发失败，其中 detail message 为详细失败信息
					}
				},
			}
		}
	}
</script>

<style lang="less" scoped>
	.collect {
		/* padding-left: 30rpx; */
		display: flex;
		flex-direction: column;
		margin: 0 !important;
		padding: 0 !important;
		border: none;
		border-radius: 0% !important;
		// background-color: #fff;
	}

	.collect::after {
		border: none;
	}

	.fenxiang {
		width: 42rpx;
		height: 42rpx;
		margin-left: 15rpx;
	}
</style>